<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Or官方设计</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/media.css" />
	</head>

	<body>
		<div class="Web Web_home">
			<!--header 头部-->
			<header>
				<!--header_menu 菜单-->
				<input type="checkbox" id="input_menu"/>
				<label for="input_menu"><img src="img/1,18.png" alt="菜单" class="header_menu" onclick="openScoll()"/></label>
					<!--菜单-->
				<div class="BigMenu">
					<!--叉-->
					<label for="input_menu"><div  class="cha"><img  src="img/1_2cha.png" onclick="closeScoll()"/></div></label>
					<!--ico-->
					<div class="ico">
						<a href="https://weibo.com/orororor" target="_blank"><img src="img/1,13.png"/></a>
						<a href="img/2,erweima.jpg" target="_blank" title="or-微信二维码"><img src="img/1,14.png"/></a>
						<a href="https://www.baidu.com/" target="_blank"><img src="img/1,15.png"/></a>
						<a href="https://www.instagram.com/" target="_blank"><img src="img/1,16.png"/></a>
					</div>
					<!--选项-->
					<ul class="mune_ul">
						<li><a href="aboutor.html"><img src="img/1,6.png"/></a></li>
						<li><a href="product.html"><img src="img/1,7.png"/></a></li>
						<li><a href="space.html"><img src="img/1,8.png"/></a></li>
						<li><a href="user.html"><img src="img/1,9.png"/></a></li>
					</ul>
					<!--小选项-->
					<ul class="mune_smul">
						<li></li>
						<li><a href="news.html"><img src="img/1,10.png"/></a></li>
						<li></li>
						<li><a href="event.html"><img src="img/1,11.png"/></a></li>
						<li></li>
						<li><a href="contact.html"><img src="img/1,12.png"/></a></li>
						<li></li>
					</ul>
				</div>
				<!--header_logo Logo-->
				<a href="index.html"><img src="img/1,19.png" class="header_logo"/></a>
				<!--header_search 搜索-->
				<input type="checkbox" id="input_search"/>
				<label for="input_search"><img src="img/1,17.png" class="header_search"  onclick="openScoll()"/>	</label>
				<!--搜索-->
				<div class="BigSearch">
					<div class="BigSearch_topleft">
						<label for="input_search" onclick="closeScoll()">
							<img src="img/1_5.png" class="leftsign"/>
							<img src="img/1_4.png" class="return"/>
						</label>
					</div>
					<div class="search_input"><input type="text" autofocus autocomplete="off"></div>
					<div class="BigSearch_btm"><img src="img/1_1search any thing hit enter.png"/></div>
				</div>
			</header>
			<!--section 中部-->
			<section>
				<!--flash 轮播图-->
				<div id="flash">
					<img src="img/1.jpg"  style="display: block;"/>
					<img src="img/2.jpg"/>
					<img src="img/3.jpg"/>
					<!--小圆点-->
					<ul>
						<li style="background: dimgrey;"></li>
						<li></li>
						<li></li>
					</ul>
					<div class="flash_word">
						<div><img src="img/1,20.png"/></div>
						<button>SEE MORE</button>
					</div>
				</div>
				
				<!-- Section-About Or & Product-->
				<div class="section_btn">
					<!--About or 关于品牌-->
					<img src="img/1,6.png" alt="About or" class="section_btn_aboutor" />
					<!--About Or Pic-->
					<div class="section_btn_aboutorPic">
						<button>SEE MORE</button>
					</div>
					<!--Product 产品-->
					<img src="img/1,7.png" alt="Product" class="section_btn_product" />
					<!--Product Pic-->
					<!--section_product_top-->
					<div class="section_product_top">
						<!--左上角产品-->
						<div class="product_topleft">
							<div class="product_topleft_pic"><img src="img/1,28.jpg" /></div>
							<p>Dot. Multi-functional</p>
							<div class="product_topleft_title"><img src="img/1,34.png" /></div>
						</div>
						<!--右上角产品-->
						<div class="product_topright">
							<div class="product_topright_pic"><img src="img/1,29.jpg" /></div>
							<p>free collocation</p>
							<div class="product_topright_title"><img src="img/1,35.png" /></div>
						</div>
					</div>
					<!--section_product_btm-->
					<div class="section_product_btm">
						<!--左下角产品-->
						<div class="product_btmleft">
							<div class="product_btmleft_pic"><img src="img/1,30.jpg" /></div>
							<p>free collocation</p>
							<div class="product_btmleft_title"><img src="img/1,35.png" /></div>
						</div>
						<!--右下角产品-->
						<div class="product_btmright">
							<div class="product_btmright_pic"><img src="img/1,31.jpg" /></div>
							<p>free collocation</p>
							<div class="product_btmright_title"><img src="img/1,35.png" /></div>
						</div>
					</div>
					<!--Section-video 视频-->
					<p>Product of the day</p>
					<div class="video_title"><img src="img/1,38.png" /></div>
					<div class=" video_contect">
						<video poster="img/1,32.jpg" controls preload>
							<source   src="video-audio/orvideo.mp4" type="video/mp4"/>
						</video>
						<div id="video_mask" style="display: block;" onclick="videoMaskHidden()"><img src="img/1,25.png" /></div>
					</div>
					<button class="video_btn">SEE MORE VIDEOS</button>
				</div>
			</section>
			<!--底部图片-->
			<div class="section_footer">
				<div class="section_footer_title"><img src="img/1,24.png" /></div>
			</div>
			<!--footer 底部-->
			<footer>
				<a href="http://www.miit.gov.cn/" target="_blank">
					<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
				</a>
				<img src="img/1_3.png" alt="" class="topsign" />
			</footer>
			<!--/Web-->
		</div>
		<!--加载动画-->
		<div class="loading"><img src="img/loading.gif"/></div>
		<!--JavaScript-->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/menu.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>